<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>你的名字 - 个人网站</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <header class="site-header">
    <h1>你的名字</h1>
    <p class="tagline">前端工程师 &middot; 开源爱好者 &middot; 求职者</p>
    <nav>
      <a href="#about">关于我</a>
      <a href="#projects">项目</a>
      <a href="#resume">简历</a>
      <a href="#contact">联系</a>
    </nav>
  </header>
  <main class="container">
    <section id="about">
      <h2>关于我</h2>
      <p>写一段简短自我介绍：你的专长、工作经历摘要和你正在寻找的职位类型。</p>
    </section>

    <section id="projects">
      <h2>项目</h2>
      <ul>
        <li><strong>项目 A</strong> — 简短描述 + <a href="#">演示/仓库</a></li>
        <li><strong>项目 B</strong> — 简短描述 + <a href="#">演示/仓库</a></li>
      </ul>
    </section>

    <section id="resume">
      <h2>简历</h2>
      <p>你可以在这里放一份 <a href="#">PDF 简历</a> 或列出关键经历。</p>
    </section>

    <section id="contact">
      <h2>联系</h2>
      <p>邮箱：<a href="mailto:you@example.com">you@example.com</a></p>
      <p>GitHub：<a href="https://github.com/你的用户名">github.com/你的用户名</a></p>
    </section>
  </main>
  <footer class="site-footer">
    <p>© <span id="year"></span> 你的名字。基于 GitHub Pages。</p>
  </footer>
  <script>
    document.getElementById('year').textContent = new Date().getFullYear();
  </script>
</body>
</html>